<!doctype html>
<html>
<head>
    <title>教学展示</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content=""/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);
    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!--bootstrap-->
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
    <!--coustom css-->
    <!--<link href="css/style.css" rel="stylesheet" type="text/css"/>-->
    <!--script-->
    <script src="js/jquery-1.11.0.min.js"></script>
    <!-- js -->
    <script src="js/bootstrap.js"></script>
    <link href="css/video-js.css" rel="stylesheet">
    <!-- If you'd like to support IE8 -->
    <script src="js/videojs-ie8.min.js"></script>
    <script src="js/video.min.js"></script>
    <!-- /js -->
    <!--fonts-->
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400italic,400,600,600italic,700,700italic,800,800italic'
          rel='stylesheet' type='text/css'>
    <!--/fonts-->
    <!--hover-girds-->
    <link rel="stylesheet" type="text/css" href="css/default.css"/>
    <link rel="stylesheet" type="text/css" href="css/component.css"/>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/about.css">
    <link rel="stylesheet" href="css/teaching.css">
    <script src="js/modernizr.custom.js"></script>
    <!--/hover-grids-->
    <script type="text/javascript" src="js/move-top.js"></script>
    <script type="text/javascript" src="js/easing.js"></script>
    <!--script-->
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({scrollTop: $(this.hash).offset().top}, 900);
            });
        });
    </script>
    <!--/script-->
</head>
<body style="background-color: white">
<!--nav-->
<!--<div class="container clearfix">-->
<div id="nav" class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand hidden-sm" href="#">宝可思国际儿童会</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="index.html">首页</a></li>
                <li><a href="about.html">关于宝可思ICC</a></li>
                <li class="active"><a href="teachingShow.html">教学展示</a></li>
                <li><a href="brand.html">品牌加盟</a></li>
                <li><a href="nationwide.html">全国中心</a></li>
                <li><a href="ICCCommunity.html">宝可思ICC社区</a></li>
                <li class="phone">
                    <img src="./images/phone1.png" alt="">
                    <span>400 1100 508</span>
                </li>
                <li class="english">
                    <span>English</span>
                </li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</div>
<!--</div>-->

<!--</div>-->
<!-- 二级导航 -->
<div class="container-fluid" id="navigation-two">
    <div class="container">
        <div class="row">
            <ul class="nav nav-pills">
                <li role="presentation" class="active"><a href="teachingShow.html">课程介绍</a></li>
                <li role="presentation"><a href="teachingActivity.html">教学活动</a></li>
            </ul>
        </div>
    </div>
</div>
<!--课程介绍  图文-->
<div class="container-fluid">
    <div class="container" id="img-and-text">
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12 top-background">
                <!--<img src="./images/.png" alt="" style="width: 70%">-->
                <div class="col-md-5 col-sm-4 col-xs-4 top-background-text">
                    <h3>
                       宝可思ICC全外教英文会所
                    </h3>
                    <p>纯正英语 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;脱口而出</p>
                    <p class="hidden-sm hidden-xs">
                        宝可思 ICC 研发出适合3-12 岁不同年龄段孩子的课程体系，包括自然拼读、英语提升两种主修课程，及科学会、世界探索者会、厨艺课、表演课等兴趣拓展课程，让孩子们能够体验国际化的全英文环境，融入丰富多彩的英文世界。
                    </p>
                </div>
            </div>

        </div>
    </div>
</div>
<!--同步香港 幼儿园 小学  图文-->
<div class="container-fluid" id="img-and-text2">
    <div class="container">
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12 top-img">
                <h3 style="color: #282828">同步香港幼儿园/小学</h3>
                <h5 style="color: #292929">3-12岁，语言学习敏感期，思维扩展关键期</h5>
            </div>
            <div class="col-md-8 col-sm-12 col-xs-12 class-characteristic">
                <ul>
                    <li>
                        <img src="./images/teacher-haoqi.png" alt="">
                        <p>孩子的好奇心和求知欲特别旺盛，接纳新事物较快</p>
                    </li>
                    <li>
                        <img src="./images/teacher-yy.png" alt="">
                        <p>大量的语言输入与输出，很快适应全英文授课模式</p>
                    </li>
                    <li>
                        <img src="./images/teacher-pj.png" alt="">
                        <p>掌握拼读技巧，解决阅读障碍，提高孩子张口说英语的自信</p>
                    </li>
                    <li>
                        <img src="./images/teacher-ts.png" alt="">
                        <p>通过阅读对话写作听写,逐步提高英语综合能力</p>
                    </li>

                </ul>
            </div>
            <div class="col-md-4 hidden-sm hidden-xs class-characteristic-right">
                <img src="./images/teacher-show.png" alt="">
            </div>

        </div>
    </div>
</div>
<!--宝可思ＩＣＣ　全　外教　课程-->
<div id="ICC-teacher" class="container-fluid">
    <div class="container">
        <div class="row ">
            <div class="col-xs-12 text-center">
                <h3 style="color: white">宝可思ＩＣＣ全外教课程</h3>
            </div>
        </div>
        <div class="row xuanke">
            <ul class="list-unstyled">
                <li class="col-md-4 col-sm-6 col-xs-12">
                    <div class="item_content clearfix">
                        <div class="col-xs-12 img_content" style="background-image: url(images/teacher-wyts.png)">
                            <!--<img src="./images/course.jpg" class="xuankeimg" alt="">-->
                        </div>
                        <div class="col-xs-12 text_content">
                            <!--<h4 class="text-center">自然拼读</h4>-->
                            <div class="new-details">
                                <h4><br/><br/>自然拼读</h4>
                                <p>
                                    建立字母及字母组合与发音的感知，掌握英语拼读规律
                                </p>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="col-md-4 col-sm-6 col-xs-12">
                    <div class="item_content clearfix">
                        <div class="col-xs-12 img_content" style="background-image: url(images/a2.jpg)">
                            <!--<img src="./images/course.jpg" class="xuankeimg" alt="">-->
                        </div>
                        <div class="col-xs-12 text_content">
                            <div class="new-details">
                                <h4><br/><br/>英语提升</h4>
                                <p>
                                    形象生动的情景式学习，让孩子在各个主题中练习听说读写综合能力
                                </p>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="col-md-4 col-sm-6 col-xs-12">
                    <div class="item_content clearfix">
                        <div class="col-xs-12 img_content" style="background-image: url(images/a3.jpg)">
                            <!--<img src="./images/course.jpg" class="xuankeimg" alt="">-->
                        </div>
                        <div class="col-xs-12 text_content">
                            <div class="new-details">
                                <h4><br/><br/>科学课</h4>
                                <p>
                                    在有趣的科学实验中交流学习，吸引孩子们专心聆听英语
                                </p>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="col-md-4 col-sm-6 col-xs-12">
                    <div class="item_content clearfix">
                        <div class="col-xs-12 img_content" style="background-image: url(images/a3.jpg)">
                            <!--<img src="./images/course.jpg" class="xuankeimg" alt="">-->
                        </div>
                        <div class="col-xs-12 text_content">
                            <div class="new-details">
                                <h4><br/><br/>演员课</h4>
                                <p>
                                    给孩子提供一个通过表演，通过扮演角色来树立自信说英语的机会
                                </p>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="col-md-4 col-sm-6 col-xs-12">
                    <div class="item_content clearfix" style="background-image: url(images/a4.jpg)">
                        <div class="col-xs-12 img_content">
                            <!--<img src="./images/course.jpg" class="xuankeimg" alt="">-->
                        </div>
                        <div class="col-xs-12 text_content">
                            <div class="new-details">
                                <h4><br/><br/>世界探索课</h4>
                                <p>
                                    通过有趣的事实和历史学习英语，建立孩子的民族自豪感
                                </p>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="col-md-4 col-sm-6 col-xs-12">
                    <div class="item_content clearfix">
                        <div class="col-xs-12 img_content" style="background-image: url(images/a5.jpg)">
                            <!--<img src="./images/course.jpg" class="xuankeimg" alt="">-->
                        </div>
                        <div class="col-xs-12 text_content">
                            <div class="new-details">
                                <h4><br/><br/>厨艺课</h4>
                                <p>
                                    孩子们将学会如何准备食材，做出美味菜肴，懂得健康饮食的重要性
                                </p>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>

</div>
<!--摸耳朵-->
<div class="container-fluid" id="mo-ear">
    <div class="container">
        <div class="row">
            <div class="col-md-10 col-sm-10 col-xs-10 ear-title">
                <h3 style="color: black;padding-left: 15px">磨耳朵</h3>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2 more-box">
                <span class="more">more</span>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12 video-box">
                <video id="teacher-video" class="video-js" controls preload="auto" poster="./images/teacher-shipin1.png"
                       poster="MY_VIDEO_POSTER.jpg" data-setup="{}">
                    <source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
                    <source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm">
                    <source src="http://vjs.zencdn.net/v/oceans.ogv" type="video/ogg">
                    <p class="vjs-no-js">
                        To view this video please enable JavaScript, and consider upgrading to a web browser that
                        <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
                    </p>
                </video>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12 video-box">

                <video id="teacher-video2" class="video-js" controls preload="auto" poster="./images/a1.jpg"
                       poster="MY_VIDEO_POSTER.jpg" data-setup="{}">
                    <source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
                    <source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm">
                    <source src="http://vjs.zencdn.net/v/oceans.ogv" type="video/ogg">
                    <p class="vjs-no-js">
                        To view this video please enable JavaScript, and consider upgrading to a web browser that
                        <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
                    </p>
                </video>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12 video-box">

                <video id="teacher-video3" class="video-js" controls preload="auto" poster="./images/a3.jpg"
                       poster="MY_VIDEO_POSTER.jpg" data-setup="{}">
                    <source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
                    <source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm">
                    <source src="http://vjs.zencdn.net/v/oceans.ogv" type="video/ogg">
                    <p class="vjs-no-js">
                        To view this video please enable JavaScript, and consider upgrading to a web browser that
                        <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
                    </p>
                </video>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12 teacher-class1">
                <img src="images/teacher_class1.png" alt="">
                <span>finger song</span>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12 teacher-class1">
                <img src="images/teacher_class2.png" alt="">
                <span>hokey poky</span>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12 teacher-class1">
                <img src="images/teacher_class3.png" alt="">
                <span>phonics song</span>
            </div>

        </div>
    </div>
</div>


<!--GGX 底部-->
<div class="container-fluid">
    <div class="row" id="bottom">
        <div class="col-xs-12">
            <form class="form-inline text-center">
                <div class="form-group">
                    <label for="exampleInputName2">立即报名：</label>
                    <input type="text" class="form-control" id="exampleInputName2" placeholder="孩子姓名">
                </div>
                <div class="form-group">
                    <!--<label for="exampleInputEmail2">Email</label>-->
                    <input type="email" class="form-control" placeholder="孩子年龄">
                </div>
                <div class="form-group">
                    <!--<label for="exampleInputEmail2">Email</label>-->
                    <input type="email" class="form-control" placeholder="联系电话">
                </div>

                <button type="submit" id="submitit" class="btn ">申请试听课</button>
            </form>
        </div>
    </div>
</div>
<div style="background-color: #1D1D1D">
    <div class="container" id="bottom2">
        <div class="row">
            <div class="col-md-1 col-sm-1 col-xs-1 hidden-xs">
                <ui>
                    <li><a href="index.html"><span >首页</span></a></li>
                </ui>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2 hidden-xs">
                <ui>
                    <li><a href="about.html"><span >关于宝可思ICC</span></a></li>
                    <li><a href="about.html"><span>品牌背景</span></a></li>
                    <li><a href="about.html"><span>团队介绍</span></a></li>
                    <li><a href="about.html"><span>教育理念&优势</span></a></li>
                    <li><a href="about.html"><span>荣誉&资质</span></a></li>
                    <li><a href="mediaReport.html"><span>媒体报道</span></a></li>
                    <li><a href="engageTalents.html"><span>诚聘英才</span></a></li>
                    <li><a href="contact.html"><span>联系我们</span></a></li>
                </ui>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2 hidden-xs">
                <ui>
                    <li><a href="teachingShow.html"><span class="bottom-active">教学展示</span></a></li>
                    <li><a href="teachingShow.html"><span>课程名称&内容</span></a></li>
                    <li><a href="teachingShow.html"><span>课程图片</span></a></li>
                    <li><a href="teachingShow.html"><span>教学视频</span></a></li>
                    <li><a href="teachingActivity.html"><span>教学活动</span></a></li>
                </ui>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2 hidden-xs">
                <ui>
                    <li><a href="brand.html"><span>品牌加盟</span></a></li>
                    <li><a href="brand.html"><span>品牌优势</span></a></li>
                    <li><a href="brand.html"><span>品牌支持</span></a></li>
                    <li><a href="brand.html"><span>加盟流程</span></a></li>
                    <li><a href="brand.html"><span>加盟信息提交</span></a></li>
                </ui>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2 hidden-xs">
                <ui>
                    <li><a href="nationwide.html"><span>全国中心</span></a></li>
                    <li><a href="nationwide.html"><span>各校区展示</span></a></li>
                </ui>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2 hidden-xs">
                <ui>
                    <li><a href="ICCCommunity.html"><span>宝可思ICC社区</span></a></li>
                </ui>
            </div>
            <script>
                $(document).ready(function () {
                    $('.to-top-class').click(function () {
                        $('html, body').animate({scrollTop: 0}, 'slow');
                    });
                });
            </script>
            <div class="col-md-1 col-sm-1 col-xs-12">
                <a href="#to-top"><img src="./images/top@2x.png" alt="" class="to-top-class"></a>
            </div>
        </div>
    </div>
    <div class="line"></div>
    <div class="container" id="bottom3">
        <div>
            <p>本站所有权、运营权和维护权都归宝可思国际儿童会所有</p>
            <p>Copyright 2013 MHH ALL Rights Reserved</p>
            <p>宝可思国际儿童会 京ICP备14006561号-6</p>
        </div>
    </div>
</div>


<!--右边的悬浮框-->
<script>
    $(document).ready(function () {
        var h = $(document).height() - $(window).height();
        $('.right-fix').click(function () {
            $('html, body').animate({scrollTop: h - 50}, 'slow');
        });
    });
</script>
<div class="right-fix hidden-sm">
    <p>免费领取</p>
    <p>价值600元</p>
    <p>试听课</p>
</div>
<div class="right-fix-ly hidden-sm" style="" onclick="openwindow('./leaveMessage.html')">
    <img src="./images/liuyan.png" alt="" style="width: 70%">
    <p style="color: #DF1717;font-size: 14px;margin:0">在线咨询</p>
</div>
<script>
    // 图书列表
    $("#book_display").on("mouseover mousein", "li h5", function () {
        var $li = $(this).parents("li");
        if (!$li.hasClass("col-sm-7")) {
            $li.siblings(".col-sm-7").removeClass("col-sm-7").addClass("col-sm-1");
            $li.removeClass("col-sm-1").addClass("col-sm-7");
        }
    });
</script>
</body>
</html>
